<template>
	<view @click.stop="handleClick" class="selectType" :style="{height, borderRadius: radius, border, color, width}">
		<slot></slot>
		<image src="../../static/images/more_icon.png" mode=""></image>
	</view>
</template>

<script lang="ts" setup>
	import {
		defineProps,
		defineEmits
	} from 'vue'
	const props = defineProps({
		border: {
		type: String,
		default: '2rpx solid #E6E6F0'
		},
		height: {
			type: String,
			default: '36px'
		},
		radius: {
			type: String,
			default: '36rpx'
		},
		color: {
			type: String,
			default: '#16161F'
		},
		width: {
			type: String,
			default: '212rpx'
		}
	})
	const emit = defineEmits(['click'])
	const handleClick = () => {
		emit('click')
	}
</script>

<style lang="scss" scoped>
		.selectType {
			@include flexRC;
			height: 88rpx;
			@include titlefont(28rpx);

			image {
				width: 20rpx;
				height: 12rpx;
				margin-left: 16rpx;
			}
		}
</style>
